<template>
  <div class="about">

    <h1>This is an about page</h1>
    <h3 style="color: red">
      读取state中存储的变量count
      {{$store.state.count}}
      <br>
      Getters (自定义的get方法)可以用于监听、state中的值的变化，返回计算后的结果
      {{$store.getters.getStateCount}}
    </h3>
    <TimeOut></TimeOut>

    <hr>
    <span>
      svg全称 可缩放矢量图，
      SVG 与 JPEG 和 GIF 图像比起来，尺寸更小，且可压缩性更强。
SVG 是可伸缩的
SVG 图像可在任何的分辨率下被高质量地打印
SVG 可在图像质量不下降的情况下被放大
SVG 图像中的文本是可选的，同时也是可搜索的（很适合制作地图）
SVG 可以与 Java 技术一起运行
SVG 是开放的标准
SVG 文件是纯粹的 XML
    </span>
    <p>1.在IE9及以上版本中，您可以在普通的IMG标签中使用*.svg文件</p>
    <img src="@/assets/icons/svg/t1.svg" alt="t1">


    <a href="https://www.iconfont.cn/search/index?searchType=icon&q=lock">2.在iconfont复制想要的svg标签</a>
    <!--    https://www.iconfont.cn/search/index?searchType=icon&q=lock-->
    <svg t="1602299583872" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2381" width="200" height="200"><path d="M328.689778 384v-128c0-94.250667 82.062222-170.666667 183.310222-170.666667 101.233778 0 183.310222 76.416 183.310222 170.666667v128h91.648v-128c0-141.340444-123.164444-256-274.958222-256C360.192 0 237.041778 114.673778 237.041778 256v128h91.648z m504.106666 42.666667H191.203556C140.657778 426.808889 99.712 464.924444 99.555556 512v426.666667c0.142222 47.075556 41.102222 85.191111 91.648 85.333333h641.592888c50.545778-0.142222 91.491556-38.257778 91.648-85.333333V512c-0.142222-47.075556-41.102222-85.191111-91.648-85.333333zM557.824 803.370667V938.666667h-91.648v-135.296c-63.132444-20.764444-101.006222-80.881778-89.671111-142.321778 11.320889-61.44 68.536889-106.353778 135.495111-106.353778 66.958222 0 124.174222 44.913778 135.495111 106.353778 11.335111 61.44-26.538667 121.543111-89.671111 142.321778z" fill="#0084FF" p-id="2382"></path></svg>

  </div>
</template>
<script>
  import TimeOut from "./TimeOut";
  export default {
    name: "About",
    components:{
      TimeOut
    }

  }

</script>
